<template>
	<view class="container">
		<!-- <CustomNavbar title="个人信息" /> -->

		<!-- 主内容区 -->
		<view class="content">
			<h4>{{detail.title}}</h4>
			<text>{{detail.updatetime}}</text>
			<view class="txt" v-html="detail.content"></view>
		</view>
	</view>
</template>
<script setup>
	import {
		reactive,
		ref
	} from 'vue'
	import {
		onLoad,
		onShow
	} from '@dcloudio/uni-app'
	const id = ref('')
	const detail = ref()
	onLoad((options) => {
		id.value = options.id
	})
	const getData = () => {
		uni.$api.user.noticeInfo({id: id.value}).then(res => {
			if (res.code == 200) {
				detail.value = res.data
			}
		})
	}
	onShow(() => {
		getData()
	})
</script>
<style scoped lang="scss">
	page{
		
		background: url('/static/index_slices/bg.png') no-repeat;
		background-size: 100%;
	}
	.container {
		width: 100%;
		margin: 0;
		padding: 20rpx;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		// padding-top: 28rpx;
		color: #000;
		.content{
			background-color: white;
			border-radius: 15rpx;
			padding: 20rpx;
			min-height: calc(100vh - 180rpx);
			h4{
				text-align: center;
				font-size: 38rpx;
				padding: 20rpx 0 10rpx;
			}
			text{
				display: block;
				text-align: center;
				font-size: 28rpx;
				color: #999;
			}
			.txt{
				font-size: 28rpx;
				line-height: 38rpx;
				margin-top: 40rpx;
			}
		}
	}
</style>